<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>XiaoMi 10</title>
        <link rel="stylesheet" href="./css/index-10.css">
        <link rel="icon" href="./img/APP图片/logo.png">
    <script>
       
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
  
    </script>
    
</head>
<body>
    <!-- 导航 -->
    <nav>
        <div class="nav-pic">
            <img src="./img/APP图片/下载.png" alt="">
        </div>
        
        <div class="nav-1">
            <span>商品</span>
            <span>评价</span>
            <span>详情</span>
            <span>推荐</span>

        </div>
        <div class="nav-pic">
            <img src="./img/APP图片/下载aaa.png" alt="">
        </div>
        
    </nav>


    <div class="lbt">
        <div class="lbt-1">
            <img src="./img/APP图片/lbt-111.jpg" alt="">
            <img src="./img/APP图片/lbt-222.jpg" alt="">
            <img src="./img/APP图片/lbt-333.jpg" alt="">
            

        </div>
        <div class="lbt-11">
            <span>12 / 12</span>
        </div>
    </div>


    <div class="jiage">
        <span>$3999</span>
        <span>$4699</span>
    </div>


    <div class="yuji">
        <div>
            预计得400米金
        </div>
        <span>更多 ></span>
    </div>
    <div class="juji-t">
        <h5>Xiaomi 10</h5>
    </div>
    <ul class="juji-2">
        <li>【旗舰屏幕】90Hz刷新率&amp;180Hz采样率，高端双曲面屏</li>
        <li>【旗舰屏幕】90Hz刷新率&amp;180Hz采样率，高端双曲面屏</li>
        <li>【旗舰屏幕】90Hz刷新率&amp;180Hz采样率，高端双曲面屏</li>

    </ul>



    <div class="pic-1">
        <div class="pic-1-1">
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
            <div class="pic-1-11">
                <img src="./img/APP图片/pic--1111.png" alt="">
                <span>CPU</span>
                <span>乔龙658</span>
            </div>
           
        </div>
    </div>


    <div class="fenge"></div>



    <div class="yixuan">
        <span>已选</span>
        <span>Xiaomi 10  12GB+256GB 蜜桃金</span>
    </div>
    <div class="yixuan2">
        <span>送至</span>
        <span>北京市</span>
    </div>
    <div class="xiaomi1">
        <img src="./img/APP图片/小米自营.png" alt="">
        <span>小米自营</span>
        <img src="./img/APP图片/小米自营.png" alt="">
        <span>小米自营</span>
        <img src="./img/APP图片/小米自营.png" alt="">
        <span>小米自营</span>
    </div>

    <div class="fenge"></div>



    <div class="yonghu">
        <div class="yh1">
            <span>用户评价</span>
            <span>好评率99.2% ></span>
        </div>
        <div class="yh2">
            <div class="yh2-1">颜值够高</div>
            <div class="yh2-1">颜值够高</div>
            <div class="yh2-1">颜值够高</div>
            <div class="yh2-1">颜值够高</div>
            <div class="yh2-1">颜值够高</div>
            <div class="yh2-1">颜值够高</div>
        </div>
        <div class="yh3">
            <div class="yh3-1">
                <div><img src="./img/APP图片/mifen.jpg" alt=""></div>
                <div>
                    <h6>15615**4468</h6>
                    <span>2012-1-12</span>
                </div>
            </div>
            <div class="yh3-2">
                <p>云顶速度：好啊后</p>
                <p>miui：哈好</p>
            </div>
            <img src="./img/APP图片/pms_1581834069.19797450.jpg" alt="">
        </div>

    </div>
    <div class="fenge"></div>


    <div class="lbt2">
        <div class="lbt22">
            <img src="./img/APP图片/lbt2.png" alt="">
            <img src="./img/APP图片/lbt2-1.jpg" alt="">
        </div>
      

    </div>


    <div class="weiwo">
        <div>商品推荐</div>
        <div>爆款推荐</div>
    </div>


    <div class="pic-tt">
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
    </div>
    <div class="pic-tt">
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
        <div>
            <img src="./img/APP图片/pms_1617016261.62734340.jpg" alt="">
            <div>Xiaomi 10S，实力派影音旗舰</div>
            <span>$2999起</span>
            <span>$2999</span>
        </div>
    </div>
    <div class="fenge"></div>
    <div class="pic">
        <img src="./img/APP图片/tu1.jpg" alt="">
        <img src="./img/APP图片/tu2.jpg" alt="">
        <img src="./img/APP图片/tu3.jpg" alt="">
        <img src="./img/APP图片/tu4.jpg" alt="">
    </div>



    <div class="kong"></div>

    <!-- 尾部 -->
<div class="footer-1"></div>
<div class="kong"></div>
<div class="footer-2">
    <a href="./index.html">
        <img src="./img/APP图片/footer-1.png" alt="">
        首页
    </a>
    <a href="./index-fenlei.html">
        <img src="./img/APP图片/footer-22.png" alt="">
        分类
    </a>
    <a href="./index-miquan.html">
        <img src="./img/APP图片/footer-33.png" alt="">
        米圈

    </a>
    <a href="./index-gouwuche.html">
        <img src="./img/APP图片/footer-44.png" alt="">
        购物车
    </a>
    <a href="./index-wode.html">
        <img src="./img/APP图片/footer-55.png" alt="">
        我的
    </a>
</div>
    



    
</body>